/* stylelint-disable at-rule-no-unknown,at-rule-empty-line-before */
@import "../../../style/default";
@import "mixin";

/* apes-input */
// Input styles
.#{$style-prefix}-input {
  @include reset-component;
  @include input();
}

//== Style for input-group: input with label, with button or dropdown...
.#{$style-prefix}-input-group {
  @include reset-component;
  @include input-group(#{$style-prefix}-input);
  &-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top; // https://github.com/apes-design/apes-design/issues/6403
  }
}
// Input with affix: prefix or suffix
.#{$style-prefix}-input-affix-wrapper {
  @include reset-component;
  @include input-affix-wrapper(#{$style-prefix}-input);

  // https://github.com/apes-design/apes-design/issues/6144
  .#{$style-prefix}-input {
    min-height: 100%;  // use min-height, assume that no smaller height to override
  }
}

.#{$style-prefix}-input-password-icon {
                color: $text-color-secondary;
                cursor: pointer;
                transition: all 0.3s;

                &:hover {
                  color: #333;
                }
}

textarea.#{$style-prefix}-input {
  max-width: 100%; // prevent textearea resize from coming out of its container
  height: auto;
  vertical-align: bottom;
  transition: all .3s, height 0s;
  min-height: $input-height-base !important;
  margin: 6px 0 10px;
}

@import "search-input";
